<template>
  <div class='fa' style='height: 30%;width:100%;padding: 0px 50px;'>
    <div class="fccc wc">
      <chartring :ringid="'warn'" :data="{id: 'warn', name: 'warn', value: 80, color: '#fdd000'}"/>
      <div>紧急告警</div>
    </div>
    <div class="fccc wc" >
      <chartring :ringid="'error'" :data="{id: 'error', name: 'error', value: 80, color: '#fd7700'}"/>
      <div>严重告警</div>

    </div>
  </div>
</template>
<script>

import chartring from '../../chartring.vue'

export default {
  components: {
    chartring
  },
  data() {
    return {
    };
  },
  computed: {
    
  },
  watch: {
    
  },
  mounted() {
    
  },
  methods: {
    
  },
}
</script>
<style lang='scss' scoped>

</style>